
export const containers = [
    {
        type: 'grid',
        category: 'container',
        icon: 'ic:twotone-grid-on',
        cols: [],
        options: {
            displayName: '栅格',
            name: '',
            hidden: false,
            gutter: 12,
            colHeight: null,  //栅格列统一高度属性，用于解决栅格列设置响应式布局浮动后被挂住的问题！！
            customClass: '',  //自定义css类名
        }
    },
    // {
    //     type: 'table',
    //     category: 'container',
    //     icon: 'radix-icons:table',
    //     rows: [],
    //     options: {
    //         displayName: '表格',
    //         name: '',
    //         hidden: false,
    //         customClass: '',  //自定义css类名
    //     }
    // },
    // {
    //     type: 'tab',
    //     category: 'container',
    //     icon: 'fluent:tab-desktop-20-regular',
    //     displayType: 'border-card',
    //     tabs: [],
    //     options: {
    //         displayName: '标签页',
    //         name: '',
    //         hidden: false,
    //         customClass: '',  //自定义css类名
    //     }
    // },
    {
        type: 'grid-col',
        category: 'container',
        icon: 'ic:twotone-grid-on',
        internal: true,
        widgetList: [],
        options: {
            displayName: '栅格列',
            name: '',
            hidden: false,
            span: 12,
            offset: 0,
            push: 0,
            pull: 0,
            responsive: false,  //是否开启响应式布局
            md: 12,
            sm: 12,
            xs: 12,
            customClass: '',  //自定义css类名
        }
    },
    // {
    //     type: 'table-cell',
    //     category: 'container',
    //     icon: 'radix-icons:table',
    //     internal: true,
    //     widgetList: [],
    //     merged: false,
    //     options: {
    //         displayName: '单元格',
    //         name: '',
    //         cellWidth: '',
    //         cellHeight: '',
    //         colspan: 1,
    //         rowspan: 1,
    //         wordBreak: false,  //是否自动换行
    //         customClass: '',  //自定义css类名
    //     }
    // },
    // {
    //     type: 'tab-pane',
    //     category: 'container',
    //     icon: 'fluent:tab-desktop-20-regular',
    //     internal: true,
    //     widgetList: [],
    //     options: {
    //         displayName: '选项卡页',
    //         name: '',
    //         label: '',
    //         hidden: false,
    //         active: false,
    //         disabled: false,
    //         customClass: '',  //自定义css类名
    //     }
    // },
    // {
    //   type: 'card',
    //   category: 'container',
    //   icon: 'solar:card-line-duotone',
    //   widgetList: [],
    //   options: {
    //     displayName: '卡片',
    //     name: '',
    //     label: 'card',
    //     hidden: false,
    //     folded: false,
    //     showFold: true,
    //     cardWidth: '100%',
    //     shadow: 'never',
    //     customClass: '',
    //   }
    // }
]


export const basicFields = [
    {
      type: 'input',
      icon: 'iconamoon:edit-fill',
      formItemFlag: true,
      options: {
        displayName: '文本框',
        name: '',
        label: '',
        labelAlign: '',
        type: 'text',
        defaultValue: '',
        placeholder: '',
        columnWidth: '200px',
        size: '',
        labelWidth: null,
        labelHidden: false,
        readonly: false,
        disabled: false,
        hidden: false,
        clearable: true,
        showPassword: false,
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        minLength: null,
        maxLength: null,
        showWordLimit: false,
        prefixIcon: '',
        suffixIcon: '',
        appendButton: false,
        appendButtonDisabled: false,
        buttonIcon: 'custom-search',
        //-------------------
        onCreated: '',
        onMounted: '',
        onInput: '',
        onChange: '',
        onFocus: '',
        onBlur: '',
        onValidate: '',
        onAppendButtonClick: '',
      },
    },
    {
      type: 'textarea',
      icon: 'solar:text-bold',
      formItemFlag: true,
      options: {
        displayName: '文本域',
        name: '',
        label: '',
        labelAlign: '',
        rows: 3,
        defaultValue: '',
        placeholder: '',
        columnWidth: '200px',
        size: '',
        labelWidth: null,
        labelHidden: false,
        readonly: false,
        disabled: false,
        hidden: false,
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        minLength: null,
        maxLength: null,
        showWordLimit: false,
        //-------------------
        onCreated: '',
        onMounted: '',
        onInput: '',
        onChange: '',
        onFocus: '',
        onBlur: '',
        onValidate: '',
      },
    },
    {
      type: 'number',
      icon: 'streamline:steps-number',
      formItemFlag: true,
      options: {
        displayName: '数字输入框',
        name: '',
        label: '',
        labelAlign: '',
        defaultValue: 0,
        placeholder: '',
        columnWidth: '200px',
        size: '',
        labelWidth: null,
        labelHidden: false,
        disabled: false,
        hidden: false,
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        min: -100000000000,
        max: 100000000000,
        precision: 0,
        step: 1,
        controlsPosition: 'right',
        //-------------------
        onCreated: '',
        onMounted: '',
        onChange: '',
        onFocus: '',
        onBlur: '',
        onValidate: '',
      },
    },
    {
      type: 'radio',
      icon: 'akar-icons:radio-fill',
      formItemFlag: true,
      options: {
        displayName: '单选框',
        name: '',
        label: '',
        labelAlign: '',
        defaultValue: 1,
        columnWidth: '200px',
        size: '',
        displayStyle: 'inline',
        buttonStyle: false,
        border: false,
        labelWidth: null,
        labelHidden: false,
        disabled: false,
        hidden: false,
        optionItems: [
          {label: 'radio 1', value: 1},
          {label: 'radio 2', value: 2},
          {label: 'radio 3', value: 3},
        ],
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        //-------------------
        onCreated: '',
        onMounted: '',
        onChange: '',
        onValidate: '',
      },
    },
    {
      type: 'checkbox',
      icon: 'mingcute:checkbox-fill',
      formItemFlag: true,
      options: {
        displayName: '多选框',
        name: '',
        label: '',
        labelAlign: '',
        defaultValue: ['1','2'],
        columnWidth: '200px',
        size: '',
        displayStyle: 'inline',
        buttonStyle: false,
        border: false,
        labelWidth: null,
        labelHidden: false,
        disabled: false,
        hidden: false,
        optionItems: [
          {label: 'check 1', value: '1'},
          {label: 'check 2', value: '2'},
          {label: 'check 3', value: '3'},
        ],
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        //-------------------
        onCreated: '',
        onMounted: '',
        onChange: '',
        onValidate: '',
      },
    },
    {
      type: 'select',
      icon: 'tabler:select',
      formItemFlag: true,
      options: {
        displayName: '下拉框',
        name: '',
        label: '',
        labelAlign: '',
        defaultValue: '1',
        placeholder: '',
        columnWidth: '200px',
        size: '',
        labelWidth: null,
        labelHidden: false,
        disabled: false,
        hidden: false,
        clearable: true,
        filterable: false,
        allowCreate: false,
        remote: false,
        automaticDropdown: false,  //自动下拉
        multiple: false,
        multipleLimit: 0,
        optionItems: [
          {label: 'select 1', value: '1'},
          {label: 'select 2', value: '2'},
          {label: 'select 3', value: '3'},
        ],
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        //-------------------
        onCreated: '',
        onMounted: '',
        onRemoteQuery: '',
        onChange: '',
        onFocus: '',
        onBlur: '',
        onValidate: '',
      },
    },
    {
      type: 'time',
      icon: 'mingcute:time-fill',
      formItemFlag: true,
      options: {
        displayName: '时间',
        name: '',
        label: '',
        labelAlign: '',
        defaultValue: null,
        placeholder: '',
        columnWidth: '200px',
        size: '',
        autoFullWidth: true,
        labelWidth: null,
        labelHidden: false,
        readonly: false,
        disabled: false,
        hidden: false,
        clearable: true,
        editable: false,
        format: 'HH:mm:ss',  //时间格式
        valueFormat:'HH:mm:ss',
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        //-------------------
        onCreated: '',
        onMounted: '',
        onChange: '',
        onFocus: '',
        onBlur: '',
        onValidate: '',
      },
    },
    {
      type: 'time-range',
      icon: 'lsicon:time-two-outline',
      formItemFlag: true,
      options: {
        displayName: '时间范围',
        name: '',
        label: '',
        labelAlign: '',
        defaultValue: null,
        startPlaceholder: '',
        endPlaceholder: '',
        columnWidth: '200px',
        size: '',
        labelWidth: null,
        labelHidden: false,
        readonly: false,
        disabled: false,
        hidden: false,
        clearable: true,
        editable: false,
        format: 'HH:mm:ss',  //时间格式
        valueFormat:'HH:mm:ss',
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        //-------------------
        onCreated: '',
        onMounted: '',
        onChange: '',
        onFocus: '',
        onBlur: '',
        onValidate: '',
      },
    },
    {
      type: 'date',
      icon: 'clarity:date-line',
      formItemFlag: true,
      options: {
        displayName: '日期',
        name: '',
        label: '',
        labelAlign: '',
        type: 'date',
        defaultValue: null,
        placeholder: '',
        columnWidth: '200px',
        size: '',
        autoFullWidth: true,
        labelWidth: null,
        labelHidden: false,
        readonly: false,
        disabled: false,
        hidden: false,
        clearable: true,
        editable: false,
        format: 'YYYY-MM-DD',  //日期显示格式
        valueFormat: 'YYYY-MM-DD',  //日期对象格式
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        //-------------------
        onCreated: '',
        onMounted: '',
        onChange: '',
        onFocus: '',
        onBlur: '',
        onValidate: '',
      },
    },
    {
      type: 'date-range',
      icon: 'solar:calendar-date-linear',
      formItemFlag: true,
      options: {
        displayName: '日期范围',
        name: '',
        label: '',
        labelAlign: '',
        type: 'daterange',
        defaultValue: null,
        startPlaceholder: '',
        endPlaceholder: '',
        columnWidth: '200px',
        size: '',
        labelWidth: null,
        labelHidden: false,
        readonly: false,
        disabled: false,
        hidden: false,
        clearable: true,
        editable: false,
        format: 'YYYY-MM-DD',  //日期显示格式
        valueFormat: 'YYYY-MM-DD',  //日期对象格式
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        //-------------------
        onCreated: '',
        onMounted: '',
        onChange: '',
        onFocus: '',
        onBlur: '',
        onValidate: '',
      },
    },
    {
      type: 'switch',
      icon: 'line-md:switch',
      formItemFlag: true,
      options: {
        displayName: '开关',
        name: '',
        label: '',
        labelAlign: '',
        defaultValue: false,
        size: '',
        columnWidth: '200px',
        labelWidth: null,
        labelHidden: false,
        disabled: false,
        hidden: false,
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        switchWidth: 40,
        activeText: '',
        inactiveText: '',
        activeColor: null,
        inactiveColor: null,
        //-------------------
        onCreated: '',
        onMounted: '',
        onChange: '',
        onValidate: '',
      },
    },
    {
      type: 'rate',
      icon: 'material-symbols-light:star-rate-outline',
      formItemFlag: true,
      options: {
        displayName: '评分',
        name: '',
        label: '',
        labelAlign: '',
        defaultValue: 0,
        size: '',
        columnWidth: '200px',
        labelWidth: null,
        labelHidden: false,
        disabled: false,
        hidden: false,
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        max: 5,
        lowThreshold: 2,
        highThreshold: 4,
        allowHalf: false,
        showText: false,
        showScore: false,
        //-------------------
        onCreated: '',
        onMounted: '',
        onChange: '',
        onValidate: '',
      },
    },
    {
      type: 'slider',
      icon: 'radix-icons:slider',
      formItemFlag: true,
      options: {
        displayName: '滑块',
        name: '',
        label: '',
        labelAlign: '',
        columnWidth: '200px',
        showStops: true,
        defaultValue: 0,
        size: '',
        labelWidth: null,
        labelHidden: false,
        disabled: false,
        hidden: false,
        required: false,
        requiredHint: '',
        validation: '',
        validationHint: '',
        //-------------------
        customClass: '',  //自定义css类名
        labelIconClass: null,
        labelIconPosition: 'rear',
        labelTooltip: null,
        min: 0,
        max: 100,
        step: 10,
        range: false,
        //vertical: false,
        height: null,
        //-------------------
        onCreated: '',
        onMounted: '',
        onChange: '',
        onValidate: '',
      },
    },
    {
      type: 'static-text',
      icon: 'mdi:text',
      formItemFlag: false,
      options: {
        displayName: '静态文本',
        name: '',
        columnWidth: '200px',
        hidden: false,
        textContent: '这是一个静态文本',
        textAlign: 'left',
        fontSize: 13,
        preWrap: false,  //是否自动换行
        //-------------------
        customClass: '',  //自定义css类名
        //-------------------
        onCreated: '',
        onMounted: '',
      },
    },
    // {
    //   type: 'button',
    //   icon: 'proicons:button',
    //   formItemFlag: false,
    //   options: {
    //     displayName: '按钮',
    //     name: '',
    //     label: '',
    //     columnWidth: '200px',
    //     size: '',
    //     displayStyle: 'block',
    //     disabled: false,
    //     hidden: false,
    //     type: '',
    //     plain: false,
    //     round: false,
    //     circle: false,
    //     icon: null,
    //     //-------------------
    //     customClass: '',  //自定义css类名
    //     //-------------------
    //     onCreated: '',
    //     onMounted: '',
    //     onClick: '',
    //   },
    // },
    {
      type: 'divider',
      icon: 'radix-icons:divider-horizontal',
      formItemFlag: false,
      options: {
        displayName: '分割线',
        name: '',
        label: '',
        defaultValue: '分割线',
        columnWidth: '200px',
        direction: 'horizontal',
        contentPosition: 'center',
        hidden: false,
        //-------------------
        customClass: '',  //自定义css类名
        //-------------------
        onCreated: '',
        onMounted: '',
      },
    },
]

